<script setup>
// 计算属性作用和vue2一样
// 使用：
// 1：导入 import {computed} from 'vue'
// 2:使用 const 变量名= computed(()=>{return 值})
// html  省略value  js  变量名.value

import { computed, ref } from 'vue'

const money = ref(100)
// const dollar = computed(() => {
//   return money.value * 0.68
// })
const dollar = computed({
  get () {
    return money.value * 0.68
  },
  set (value) {
    console.log(value)
  }
})

const btnClick = () => {
  dollar.value = 200
  console.log(dollar)
}
</script>

<template>
  <div class="about-page">
    {{ dollar }}
  </div>
  <button @click="btnClick">js使用计算属性</button>
</template>

<style lang="scss" scoped></style>
